<template>
  <div class="ac-title-wrap">
    <slot></slot>
    <slot name="more"></slot>
  </div>
</template>

<script>
export default {
  name: "acTitle"
}
</script>

<style lang="less">
.ac-title-wrap{
  height:50px;
  margin-bottom: 24px;
  font-size:36px;
  font-weight:800;
  line-height:50px;
  color:rgba(0,0,0,1);
  padding-left: 24px;
  position: relative;
  &:before{
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 6.5px;
    width:8px;
    height:37px;
    background:rgba(237,23,75,1);
    border-radius:6px;
  }
  .more{
    position: absolute;
    right: 0;
    top: 0;
    font-size:28px;
    font-weight:400;
    color:rgba(150,156,161,1);
    .van-icon{
      transform: translateY(.15em);
    }
  }
}
</style>
